<!DOCTYPE html>
<html>
<head>
    <title>水表信息档案</title>
		<#include "/header.html">
    <script src="${request.contextPath}/statics/libs/ajaxupload.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="col-sm-1" style="padding-left:5px;padding-right:5px;">
                <select v-model="q.key" class="form-control" name="selQueryKey" id="selQueryKey">
                    <option value="">查询条件</option>
                    <option :value="list.code" v-for="(list,index) in searchKeyDictInfo" :key="index">{{ list.value }}</option>
                </select>
            </div>
            <div class="col-sm-2"  style="padding-left:5px;padding-right:0px;">
                <input type="text" class="form-control" v-model="q.value" @keyup.enter="query" placeholder="输入查询内容">
                <a id="inputClear" class="glyphicon glyphicon-remove btn form-control-feedback" style="pointer-events: auto;"></a>
            </div>
            <a class="btn btn-primary" @click="query" style="margin-left:10px;"><i class="fa fa-search"></i>&nbsp;查询</a>

			<#if shiro.hasPermission("water:meterarchives:save")>
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("water:meterarchives:update")>
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("water:meterarchives:delete")>
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>

            <#if shiro.hasPermission("water:meterarchives:list")>
            <a class="btn btn-primary" @click="outxls"><i class="fa fa-download"></i>&nbsp;导出</a>
            </#if>
            <#if shiro.hasPermission("water:meterarchives:update")>
            <a class="btn btn-primary" id="upload"><i class="fa fa-upload"></i>&nbsp;导入</a>
            </#if>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>

        <div class="tabbable"> <!-- Only required for left/right tabs -->
            <ul id="myTab" class="nav nav-tabs">
                <li class="active"><a href="#tab1" data-toggle="tab">基本档案信息</a></li>
                <li><a href="#tab2" data-toggle="tab">水表相关信息</a></li>
                <li><a href="#tab3" data-toggle="tab">变更相关信息</a></li>
                <li><a href="#tab4" data-toggle="tab">预留备注信息</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab1">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-2 control-label">营业公司</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.areaId"
                                       placeholder="营业公司"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">营业所</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.unitWId"
                                       placeholder="营业所"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">物业小区</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.proName"
                                       placeholder="物业小区"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">客户编号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.clientId"
                                       placeholder="客户编号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">册本号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.clientNo"
                                       placeholder="册本号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">抄表员</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.staffName"
                                       placeholder="抄表员"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">表卡名称</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.meterCardTitle"
                                       placeholder="表卡名称"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">表卡地址</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.meterCardAddress"
                                       placeholder="表卡地址"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">水表厂家</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.meterCompany"
                                       placeholder="水表厂家"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">水表口径</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.meterCaliber"
                                       placeholder="水表口径"/>
                            </div>
                        </div>


                    </form>
                </div>
                <div class="tab-pane" id="tab2">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-2 control-label">表号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.meterId"
                                       placeholder="表号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">表封号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.meterSealNo"
                                       placeholder="表封号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">管径</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.pipeDiameter"
                                       placeholder="管径"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">表位置</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.meterPosition"
                                       placeholder="表位置"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">水表型号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.meterType"
                                       placeholder="水表型号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">通讯协议</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.meterProtocol"
                                       placeholder="通讯协议"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">装换表日期</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.changeDate"
                                       placeholder="装换表日期"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">用水性质</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.waterCharacter"
                                       placeholder="用水性质"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">用户类型</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.clientType"
                                       placeholder="用户类型"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">移动电话</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.mobileNo"
                                       placeholder="移动电话"/>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="tab-pane" id="tab3">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-2 control-label">表号变更次数</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.meterIdChanges"
                                       placeholder="表号变更次数"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">表封号变更次数</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.meterSealNoChanges"
                                       placeholder="表封号变更次数"/>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="tab-pane" id="tab4">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-2 control-label">备注1</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.desc1"
                                       placeholder="备注1"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">备注2</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.desc2"
                                       placeholder="备注2"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">备注3</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.desc3"
                                       placeholder="备注3"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">备注4</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.desc4"
                                       placeholder="备注4"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">备注5</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.desc5"
                                       placeholder="备注5"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">备注6</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.desc6"
                                       placeholder="备注6"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">备注7</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.desc7"
                                       placeholder="备注7"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">备注8</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.desc8"
                                       placeholder="备注8"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">备注9</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.desc9"
                                       placeholder="备注9"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">备注10</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="meterArchives.desc10"
                                       placeholder="备注10"/>
                            </div>
                        </div>
                    </form>
                </div>
        </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..."
                       @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>

    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/water/meterarchives.js?_${.now?long}"></script>
</body>
</html>